<template>
    <q-toolbar class=" flex-center q-gutter-x-sm" style="min-height: 44px;">
        <template v-if="$slots.default">
            <slot />
        </template>
        <template v-else>
            <a工具栏_list v-if="list" :list="list" :详情_抽屉式="详情_抽屉式" />

            <a工具栏_简化详情 v-if="详情_抽屉式 && !list && 详情_抽屉式.a.已熟" :详情="详情_抽屉式" />

            <!-- 独立的详情页面 -->
            <template v-if="详情 && 详情.a.已熟">
                <q-btn push text-color="primary" label="保存" icon="check" @click="详情.保存" v-if="详情.a.变化了">
                    <q-badge color="orange" floating v-if="详情.a.变化了">变</q-badge>
                </q-btn>
                <q-btn push text-color="primary" label="复制" icon="file_copy" @click="详情.复制" />
                <!-- <q-input v-model="详情.单项.状态" type="text" label="Label" /> -->
                <q-btn push text-color="negative" label="删除" icon="delete" @click="详情.删" v-if="详情.单项.id" />
                <template v-if="详情.元件袋.组件.状态候选值">
                    <StepBar :steps="详情.元件袋.组件.状态候选值" :当前值="详情.单项.状态" />
                    <!-- <q-btn push label="下一步" @click="详情.流程动作('下一步')" v-if="!详情.元件袋.流程结束否(详情.单项)" />
        <q-btn push label="下一步" @click="详情.流程动作('下一步')" /> -->
                    <template v-if="!详情.元件袋.组件.流程设置?.禁止手动流程动作">
                        <template v-if="!详情.元件袋.是流程初始状态(详情.单项)">
                            <q-btn push label="退回" @click="详情.流程动作('退回')" />
                        </template>
                        <template v-if="!详情.元件袋.流程结束否(详情.单项)">
                            <q-btn push label="下一步" @click="详情.流程动作('下一步')" />
                        </template>
                        <!-- <q-btn push label="退回 调试用" @click="详情.流程动作('退回')" /> -->
                        <!-- <q-btn push label="下一步 调试用" @click="详情.流程动作('下一步')" /> -->
                    </template>
                </template>

            </template>

            <template v-if="设置">
                <q-btn push text-color="primary" label="新增" icon="add" @click="设置.增" />
                <q-btn push text-color="primary" label="保存" @click="设置.保存" v-if="设置.a.变化了">
                    <q-badge color="orange" floating v-if="设置.a.变化了">变</q-badge>
                </q-btn>
            </template>
            <slot name="尾部" />
        </template>
    </q-toolbar>
</template>

<script setup lang="ts">
// @ts-nocheck
const props = withDefaults(defineProps<{
    详情?: 详情,
    详情_抽屉式?: Object,
    设置?: Object,
    list?: list,
}>(), {});

import use路由 from '@/hooks/use路由';
import a工具栏_简化详情 from '@/components/a工具栏_简化详情.vue';
import a工具栏_list from '@/components/a工具栏_list.vue';
const 路由 = use路由();
import StepBar from './StepBar.vue';
import { ref } from 'vue';
import * as util from 'amtf/utils';

const { 详情 } = props

// const steps = ref([] as any);
// // const steps = ref([
// //     { name: '步骤 1' },
// //     { name: '步骤 2' },
// //     { name: '步骤 3' },
// //     { name: '步骤 4' }
// // ]);
// if (详情) {
//     steps.value = 详情.元件袋.组件.状态候选值
// }
// const currentStep = ref(0);

const nextStep = () => {
    // if (currentStep.value < steps.value.length - 1) {
    //     currentStep.value++;
    // }
};




</script>

<style lang="scss" scoped></style>